<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="/css/index.css">
    <script type="text/javascript" src='/scripts/sea.js'></script>
    <script>
        (function() {
            var version, script;
            seajs.config({
                base: "/scripts",
                debug: false
            });
            seajs.use('globalAudio');
        })();
    </script>
</head>

<body>
    <div class="main">
        <div class="music">
            <a href="javascript:void(0);" class="u-globalAudio scene-lef-up">
                <i class="icon-music">
                    <img src="/img/music.png" width="28" /></i><audio src='/assert/backgroundmusic.mp3' autoplay="autoplay" loop="loop"></audio>
            </a>
        </div>
        <div class="shopimg"></div>
        <div class="header" id="timer"></div>
        <div class="content">
            <div class="product">
                <div class="product-left">
                    <img src="/img/top (2).jpg" alt="" srcset="">
                </div>
                <div class="product-right">
                    <div class="product-name">笔记本</div>
                    <div class="product-count">剩余10</div>
                    <div class="product-canyv">
                        <div class="product-canyv-left" id="touxiang"></div>
                        <div class="product-canyv-right">5人参与</div>
                    </div>
                    <div class="product-price">
                        <div class="product-price-left">
                            <div class="dj">￥10</div>
                            <div class="yj">￥100</div>
                        </div>
                        <div class="product-price-right">
                            <a href="#">查看详情</a>
                        </div>
                    </div>
                </div>
            </div>

            <div class="product">
                <div class="product-left">
                    <img src="/img/top.jpg" alt="" srcset="">
                </div>
                <div class="product-right">
                    <div class="product-name">笔记本</div>
                    <div class="product-count">剩余10</div>
                    <div class="product-canyv">
                        <div class="product-canyv-left" id="touxiang"></div>
                        <div class="product-canyv-right">5人参与</div>
                    </div>
                    <div class="product-price">
                        <div class="product-price-left">
                            <div class="dj">￥10</div>
                            <div class="yj">￥100</div>
                        </div>
                        <div class="product-price-right">
                            <a href="detail.html">查看详情</a>
                        </div>
                    </div>
                </div>
            </div>

            <div class="product">
                <div class="product-left">
                    <img src="/img/top.jpg" alt="" srcset="">
                </div>
                <div class="product-right">
                    <div class="product-name">笔记本</div>
                    <div class="product-count">剩余10</div>
                    <div class="product-canyv">
                        <div class="product-canyv-left" id="touxiang"></div>
                        <div class="product-canyv-right">5人参与</div>
                    </div>
                    <div class="product-price">
                        <div class="product-price-left">
                            <div class="dj">￥10</div>
                            <div class="yj">￥100</div>
                        </div>
                        <div class="product-price-right">
                            <a href="#">查看详情</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer">
            <div class="footer-top">活动规则</div>
            <hr />
            <div class="footer-content">
                <p>活动规则<br/> 选择你要参加的奖品砍价,在规定的时间内完成砍价的就可以以最低的价格获得你的奖品了
                </p>
            </div>
        </div>
    </div>
    <script src="/js/index.js"></script>
</body>

</html>